<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>能力维度表格</title>
    <style>
      body {
        font-family: Arial, sans-serif;
        margin: 0;
        padding: 0;
      }

      table {
        width: 80%;
        margin: 20px auto;
        border-collapse: collapse;
        text-align: center;
        table-layout: fixed;
      }

      th,
      td {
        border: 1px solid #98c5d6;
        padding: 10px;
        word-wrap: break-word;
      }

      th {
        background-color: #c7e4ef;
        /* 表头背景颜色 */
        color: #000;
        font-weight: bold;
      }

      td {
        font-weight: 500;
        /* 第一列背景颜色 */
      }
    </style>
  </head>

  <body>
    <table>
      <thead>
        <tr>
          <th>列1</th>
          <th>列2</th>
          <th>列3</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td rowspan="3">行1</td>
          <td>行1-列2-1</td>
          <td rowspan="3">行1-列3-1</td>
        </tr>
        <tr>
          <td>行1-列2-2</td>
        </tr>
        <tr>
          <td>行1-列2-3</td>
        </tr>
        <tr>
          <td rowspan="3">行2</td>
          <td>行2-列2-1</td>
          <td rowspan="3">行2-列3-1</td>
        </tr>
        <tr>
          <td>行2-列2-2</td>
        </tr>
        <tr>
          <td>行2-列2-3</td>
        </tr>
        <tr>
          <td rowspan="3">行3</td>
          <td>行3-列2-1</td>
          <td rowspan="3">行3-列3-1</td>
        </tr>
        <tr>
          <td>行3-列2-2</td>
        </tr>
        <tr>
          <td>行3-列2-3</td>
        </tr>
        <tr>
          <td rowspan="3">行4</td>
          <td>行4-列2-1</td>
          <td rowspan="3">行4-列3-1</td>
        </tr>
        <tr>
          <td>行4-列2-2</td>
        </tr>
        <tr>
          <td>行4-列2-3</td>
        </tr>
        <tr>
          <td rowspan="3">行5</td>
          <td>行5-列2-1</td>
          <td rowspan="3">行5-列3-1</td>
        </tr>
        <tr>
          <td>行5-列2-2</td>
        </tr>
        <tr>
          <td>行5-列2-3</td>
        </tr>
        <tr>
          <td rowspan="3">行6</td>
          <td>行6-列2-1</td>
          <td rowspan="3">行6-列3-1</td>
        </tr>
        <tr>
          <td>行6-列2-2</td>
        </tr>
        <tr>
          <td>行6-列2-3</td>
        </tr>
      </tbody>
    </table>
  </body>
</html>
